.growthlegend{
border-collapse:collapse;
}
.growthlegend td ,.growthlegend th{
padding:3px;border-right:1px solid lightgrey;border-bottom:1px solid lightgrey;text-align:center;
}
.growthlegend th{
width:80px;
}
.growthlegend td{

}
.source{
	float:right;;color:grey;font-size:11px;
	}
.defination{
	float:left;;color:grey;font-size:11px;width:55%;
}
#cagr {
width:110px;padding:5px;text-align:center;
box-shadow: 0px 0px 10px 4px rgba(122, 122, 122, 0.75);
-moz-box-shadow: 0px 0px 10px 4px rgba(122, 122, 122, 0.75);
-webkit-box-shadow: 0px 0px 10px 4px rgba(122, 122, 122, 0.75);
cursor: pointer;
}
.sideslide a.slideopen {background: url(../images/bt_open.png) no-repeat right 0;}
.sideslide a:hover.slideopen {background: url(../images/bt_open.png) no-repeat right -20px;background-color:#262626;color:#fff;;}
.sideslide a.slideopen {
	height: 21px;
	line-height: 21px !important;
	padding: 0 5px;
	cursor: pointer;
	display: block;
	position: relative;
	padding-right: 25px;
	background-color:#262626;color:#fff;
	border: 1px solid #fff;
box-shadow: 0 1px 1px grey!important;
}.sideslide{
float:right;position:relative;z-index:30;height:36.5px;margin-top: -11px;
	}
.slide{
	border-top:4px solid #C1D72E;border-bottom:4px solid #C1D72E;border-left:1px solid lightgrey;border-right:1px solid lightgrey;
	display:none;width:300px;position:absolute;right:0px;z-index:50;top: 31px;
	}
.slide{height:auto;
max-height: 450px;
overflow-y: auto;
background: white;
	}
.slide .subimage{
	margin-right:5px;vertical-align: middle;
	}
.tabtitle{
padding: 3px 15px; color: white; display: inline-block; background: #4B4B4B; width: auto; letter-spacing: 1px;
	}
.tabtitleborder{
padding:20px;
padding-top:10px;
border: 1px solid #e5e5e5;
box-shadow: 5px 5px 5px #888888;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
margin-bottom:25px;
min-height:490px;
	}
.res1 #resource1_box {
border: 1px solid lightgrey;
border-radius: 5px;
width: auto;
height: auto;
padding: 10px 20px 10px 20px;
background: #F7F7F7;
}
#searchtext1 {
border-bottom: 4px solid #A0BB39;
width: 175px;
font-weight: bold;
font-size: 14px;
color: #000;margin-bottom:5px;height:28px;
}
.span1{
font-weight: bold;
font-size: 13px;
color: #000;
}
.news_signup1 {
	width: 280px;
	float:right;
	height: 151px;
	background-color: #fff;
	color: #000;
	border: 1px solid #e5e5e5;
	margin-top: 40px;
}
.news_signup1 img {
	float: left; 
	width:100px;height:126px;
}
#method nav ul ul {
	display: none;
}
#method nav ul li:hover>ul {
	display: block;
}
#method nav ul { /*padding: 0 0px;*/
	list-style: none;
	/*position: relative;*/
	//display: inline-table;
	line-height: 25px;
}
#method nav ul .list,#method nav ul .list1 {
	background: #173153;
	background: linear-gradient(top, #173153 0%, #173153 100%);
	background: -moz-linear-gradient(top, #173153 0%, #173153 100%);
	background: -webkit-linear-gradient(top, #173153 0%, #173153 100%);
	/*float: left;*/
	z-index: 999;
	letter-spacing: 1px;
}
#method nav ul li:last-child {
	border-right: none;
}
#method nav ul li:hover {
	background: #ED732D;
	background: linear-gradient(top, #ED732D 0%, #ED732D 100%);
	background: -moz-linear-gradient(top, #ED732D 0%, #ED732D 100%);
	background: -webkit-linear-gradient(top, #ED732D 0%, #ED732D 100%);
	z-index: 999;
}

#method nav ul li:hover a {
	color: #fff;
}

#method nav ul li a {
	font-size: 15px;
	display: block;
	padding: 1px 20px 4px 20px;
	color: #fff;
	text-decoration: none;
	z-index: 999;
}

#method nav ul li a span {
	font-size: 15px;
	color: #fff;
}

#method nav ul ul {
	border-radius: 0px;
	padding: 0;
	position: absolute;
	z-index: 999;
	border-bottom: 5px solid #173153;
}
#method nav ul ul ul{
position:absolute;
top:5px;
left:220px;
}

#method nav ul ul li {
background: #173153;
	float: none;
	position: relative;
	width: 220px;
}

#method nav ul ul li {
	padding: 2px 10px 4px 10px;
	color: #fff;
	font-size: 14px;
}

#method nav ul ul li label {
	display: block;
	width: 220px;
}

#method nav ul ul li:hover {
	background: #ED732D;
	color: #fff;
}

#bubble_chart {
	margin-left: 0px;
	float: left;
	margin-top: -20px;
}

.ui-tabs .ui-tabs-panel {
	padding: 0px;
}

#models_slider {
	float: right;
	width: 440px;
	padding-top: 7px;
}

#models_slider h3 {
	font-size: 14px;
	width: 160px;
	padding: 5px 5px 5px 5px;
	background-color: #ED732D;
	color: #fff;
}

#models_slider .black_box {
	margin-top: 3px;
	width: 425px;
	background-color: #173153;
	color: #fff;
	font-size: 14px;
	padding: 7px;
	line-height: 1.5em;
}

.compsupplybox1,.supplybox1,.cityoverview .box1{
padding:10px;
}
.cityoverview .box1,.dashboard .box1,.dashboard .box2,.dashboard .box3,.dashboard .box4 {
	width: 200px;
	min-height: 200px;
}


.compsupplybox1,.supplybox1,.maindashboard,.dashboard1,.cityoverview .box1,.dashboard .box1,.dashboard .box2,.dashboard .box3,.dashboard .box4 {
	
	border-radius: 5px;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid #e5e5e5;
	box-shadow: 5px 5px 5px #888888;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	line-height: 20px;
}
.compsupplybox1,.supplybox1{
	padding:5px;
	height:auto;
	float:right;
	margin:0;margin-left:5px;margin-right:5px;margin-bottom:10px;width:98%;
	}
.dashboard1,.maindashboard{
width:100%;
margin-right:0;
padding:15px;
padding-right:10px;
padding-left:0;
margin-top:40px;
}
.maindashboard{
	margin:0 20px;
	height:auto;
min-height:500px;
}
.maindashboard1{
width:100%;
height:auto;
margin-right:0;
//padding:5px;
}
.maindashboard1{
	height:auto;
	//min-height:500px;	
	line-height:20px;
	margin-top:-22px;
}
.cityoverview .box1,.box1:hover,.box2:hover,.box3:hover,.box4:hover {
	cursor: pointer;
	transform: scale(1.1);
	-ms-transform: scale(1.1); /* IE 9 */
	-moz-transform: scale(1.1); /* Firefox */
	-webkit-transform: scale(1.1); /* Safari and Chrome */
	-o-transform: scale(1.1); /* Opera */
}

.dashboard .box1 img,.dashboard .box2 img,.dashboard .box3 img,.dashboard .box4 img
	{
	margin-left: 50px;
}

.dashboard {
	margin: 0 auto;
	width: 676px;
	
}

.dasharrow {
	text-align: center;
	display: none;
}
#method nav ul .clicked{
background: #ED732D;
}



.citytitle{
//margin-top:30px;
display: inline-block;
font-size:15px;letter-spacing:1px;
color:white;
margin-left:15px;
margin-bottom:10px;
}
.citytitle .citysubtitle{
text-align:left;
width: 200px;
margin-top:10px;
padding:3px 10px;
background:#A0BB39;
margin-bottom:10px;
}


.cities_report {
width: 192px;
height:100%;
position: fixed;
z-index: 9999;
left:0;top:0;


}
.report_bar {
	width: 192px;
	height: 48px;
	background:url(../images/tab_a.png) repeat-y 150px 0;
	}
.report_bar1 {

width: 185px;
height: 48px;
box-shadow: 0 -1px 1px rgba(0,0,0,.2);
color: #000;
//text-shadow: 1px 1px 0 rgba(255,255,255,.5);
line-height: 46px;
font-size: 16px;
background: #c1de22;
/*background: -moz-linear-gradient(top,#c1de22 0,#89a108 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c1de22),color-stop(100%,#89a108));
background: -webkit-linear-gradient(top,#c1de22 0,#89a108 100%);
background: -o-linear-gradient(top,#c1de22 0,#89a108 100%);
background: -ms-linear-gradient(top,#c1de22 0,#89a108 100%);
background: linear-gradient(to bottom,#c1de22 0,#89a108 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1de22',endColorstr='#89a108',GradientType=0);*/
}
.report_col a:hover {
	color:white;
	}
	.report_col {
	background:url(../images/tab_a.png) repeat-y 150px 0;
width: 192px;
color:white;
height:100%;
}
.report_col1 {
padding:10px;padding-right:5px;
background: #262626;color:white;
height:100%;width: 170px;
}


.cities_compare {
width: 100%;
position: fixed;
z-index: 999;
bottom: 0;

}
.green_bar {
width: 100%;
height: 48px;
box-shadow: 0 -1px 1px rgba(0,0,0,.2);
color: #000;
text-shadow: 1px 1px 0 rgba(255,255,255,.5);
line-height: 46px;
font-size: 13px;
background: #c1de22;
background: -moz-linear-gradient(top,#c1de22 0,#89a108 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c1de22),color-stop(100%,#89a108));
background: -webkit-linear-gradient(top,#c1de22 0,#89a108 100%);
background: -o-linear-gradient(top,#c1de22 0,#89a108 100%);
background: -ms-linear-gradient(top,#c1de22 0,#89a108 100%);
background: linear-gradient(to bottom,#c1de22 0,#89a108 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1de22',endColorstr='#89a108',GradientType=0);
}
.pullright {
float: right;
}
.pullLeft {
float: left;
}

.compare_col {
width: 100%;
background: #262626;
height:100px;
}

.content3 {
width: 960px;
margin: 0 auto;

}

.blu_button input[type="button"],.blu_button input[type="submit"] {
background: #262626;
//border-radius: 3px;
font-size: 12px;
color: #FFF;
text-align: center;
//padding: 10px 20px;
float: left;
margin-top:8px;
border: 1px solid #fff;
box-shadow: 0 2px 2px grey!important;
cursor: pointer;
-webkit-appearance: none;
}
.clr_but {
font-size: 10px;
color: #000;
text-shadow: none;
float: left;
margin: 0 15px;
}

.dwn_aro,.report_dwn_aro {
width: 47px;
height: 48px;
background: url('/images/htc_sprite.png') no-repeat -383px -307px;
display: block;
float: left;
background: #a7c116;
background: -moz-linear-gradient(top,#a7c116 0,#c1de22 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#a7c116),color-stop(100%,#c1de22));
background: -webkit-linear-gradient(top,#a7c116 0,#c1de22 100%);
background: -o-linear-gradient(top,#a7c116 0,#c1de22 100%);
background: -ms-linear-gradient(top,#a7c116 0,#c1de22 100%);
background: linear-gradient(to bottom,#a7c116 0,#c1de22 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7c116',endColorstr='#c1de22',GradientType=0);
}
.dwn_aro span ,.report_dwn_aro span {
width: 47px;
height: 47px;
background: url('/images/htc_sprite.png') no-repeat -383px -307px;
display: block;
}
.cp_uparo,.report_cp_uparo {
background-position: -404px -84px!important;
}
.compare_col ul {
width: 100%;
float: left;
margin: 8px 0;
}
.compare_col ul li {
float: left;
position: relative;
border-radius: 5px;
padding: 1%;
width: 21.5%;
margin-right: .9%;
height: 60px;
}
.wht_bg {
background: #FFF!important;
}
.compare_img {
width: 60px;
height: 60px;
border: 1px solid #dedede;
float: left;
margin-right: 10px;
}
.compare_txt {
display: block;
float: left;
width: 130px;
font-size: 12px;
font-weight:bold;
line-height: 15px;
margin-top: 10px;
word-break:break-word;
}

.compare_col .bdr_bg {
border: grey 2px dashed;
}
.bdr_bg span {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 220px;
height: 45px;
color: #bcbcc4;
font-size: 30px;
cursor: pointer;
}
.compare_col ul li sup {
position: absolute;
top: 5px;
right: 5px;
width: 10px;
height: 10px;
background: url('/images/htc_sprite.png') no-repeat -469px -370px;
display: block;
cursor: pointer;
}

input[type="button"]#enableback {
padding: 2px 5px;
background: white;
border: 1px solid lightgrey;
font-size: 11px;
color: #666;
cursor: pointer;
border-radius:3px;
box-shadow: 0px 3px 2px #888888;
}
#selectbox input[type="button"]:hover {
background:#eaeaea;
}
.selectcity
{
width:100px;
height:150px;
border:none;
float:left;
margin-right:29px;
}
.selectcity a span{
margin-top:-5px; display:block;word-break:break-word;line-height:15px;text-align:center;font-weight:bold; color:#333;font-size:13px;text-decration:underline;
}
.selectcity a
{

-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.selectcity a:hover
{

cursor:pointer;
transform:scale(1.1);
-ms-transform:scale(1.1);
-moz-transform:scale(1.1);
-webkit-transform:scale(1.1);
-o-transform:scale(1.1);
}
.enablediv{
display:block;
}
#glanceside1 {
	width: 50%;
	float: left;
}

#glanceside2 {
	width: 50%;
	float: right;
}

#glanceside1 td,#glanceside1 th {
	border-bottom: 1px solid grey;
	border-collapse: collapse;
}

#glanceside1 td {
	text-align: center;
}

#glanceside1 th {
	font-weight: bold;
	text-align: left;
}

.table1,.table2, .table3,.table4 {
	width: 100%;
	height: auto;
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 13px;
	line-height: 1.4em;
	font-style: normal;
	border-color:white;
	margin-top: 5px;
	border-collapse: collapse;
}

.table1 td , .table2 td, .table3 td, .table4 td{
font-size: 13px;
line-height: 1.1667;
text-align:center;
border: 1px solid #fff;
color: #232323;
padding: 2px 10px;
}

.table1 thead th {
background-color: #262626 !important;
font-size: 13px;
line-height: 1.4;
padding: 1px 10px;
font-weight:normal;
text-align:center;color:#fff;
border:1px solid white;
}
.table1 tbody th {
background-color: #798e2b !important;
font-size: 13px;
line-height: 1.4;
padding: 1px 10px;
font-weight:normal;
text-align:center;color:#fff;
border:1px solid white;
}

.table1 .light td {
	background: #e0eaba;
}

.table1 tbody tr:hover td, .table1 tbody tr:hover th {
background-color: #ccdc8d;
}

.table2 th {
background-color: #5f5936 !important;
font-size: 13px;
line-height: 1.4;font-weight:normal;
padding: 5px 10px;
text-align:center;color:white;
border:1px solid white;
}

.table2 .light td {
	background: #eeece1;
}

.table2 tbody tr:hover td, .table1 tbody tr:hover th {
background-color: #d9d4bb;
}

.ict{width:98%;}
.ict td {
	text-align: justify;
	border-collapse: separate;
	border-spacing: 5px;
	vertical-align: middle;
}

.ict td div {
	padding: 5px;
	vertical-align: middle;
	height: auto;
	font-size: 13px;
	color:#000000;
}
#sidecity{
	background:#fff;color:black;border-right:1px solid lightgrey;padding-bottom:5px;
}
#sidecity .title{
	font-weight:bold;font-size:15px;border-bottom:1px solid grey;padding-left:10px;margin-bottom:5px;height: 32px;
	}
#viewcontainer2{
	float:left;
    width:100%;
    background:white;
    position:relative;
    overflow:hidden;
	}
#viewcontainer1{
	float:left;
    width:100%;
    background:#262626;
    position:relative;
    right:79%;
	}
#viewsidecontainer{
	float:left;
    width:21%;
    position:relative;
    left:79%;
    overflow:hidden;
}
#viewsidecontainer a{
	color:black;
	}
#comparespan{
	cursor:pointer;color:black;
	}
#viewsidecontainer a:hover{
	color:#ED732D;
	}
.demographbox{
	box-shadow:5px 5px 5px #e5e5e5;border:1px solid #e5e5e5;border-radius:5px; height:220px;
	}
.demographbox .title{
	font-size: 16px; margin-left: 10px; margin-top: 5px; font-weight: bold; float: left; 
	}
#citybrochure{
	width:930px;margin:0 auto;padding:15px;
	}
#citybrochure h4{
	margin-bottom:0px;font-weight:bold;display: inline;color:#ed732d;
	}

.ui-tabs .ui-tabs-nav li.visualsection.ui-tabs-active {
margin-bottom: 0;
padding-bottom: 0;
}
.ui-tabs .ui-tabs-nav li.visualsection {
border-bottom: 1px solid lightgrey;
}

.visualsection.ui-state-active, .ui-widget-content .visualsection.ui-state-active, .ui-widget-header .visualsection.ui-state-active {
//background: url(/images/customtab/separator_dv2.gif) no-repeat right;
font-weight: normal;
color: #878787;
}
.visualsection.ui-state-default, .ui-widget-content .visualsection.ui-state-default, .ui-widget-header .visualsection.ui-state-default {
border: none;
background-color:transparent;
font-weight: normal;
color: #878787;
}
.visualsection.ui-state-active a,.visualsection.ui-state-active a:link,.visualsection.ui-state-active a:visited {
color: #878787;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d1d1d1));
}
.ui-tabs .ui-tabs-nav .visualsection .ui-tabs-anchor {
	padding:0;
	color: #878787;height: 78%;
    width: 96%;  
    border-bottom-width:1px;
    border-style:dotted;
    border-color:#d0d0d0;
    border-left:none;border-right:none;border-top:none;
	}
.panesInner2 {
height: auto;
margin: 0px 0 0 0;
border: 1px solid #ccccc9;
//border-top: 0;
//border-bottom: 0;
font-size: 12px;
//background: url(/images/customtab/drop_bg2.gif) repeat-x;
//background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ebebeb));
}	
.visualsection{
width: 72px;
height: 72px;
float: left;
border-bottom:1px solid lightgrey;
//background: url(/images/customtab/separator_dv2.gif) no-repeat right;
	}
.visualsection .column{
width: 32px;
height: 32px;
background: url(/images/customtab/Column_still.png) no-repeat;
float: left;
text-align: center;
margin: 10px 0 0 25%;
cursor: pointer;
}
.visualsection .pie{
width: 32px;
height: 32px;
background: url(/images/customtab/Pie.png) no-repeat;
float: left;
text-align: center;
margin: 10px 0 0 25%;
cursor: pointer;padding:3px;
}
.visualsection .bar{
width: 32px;
height: 32px;
background: url(/images/customtab/Bar_still.png) no-repeat;
float: left;
text-align: center;
margin: 10px 0 0 25%;
cursor: pointer;padding:3px;
}
.visualsection .area{
width: 32px;
height: 32px;
background: url(/images/customtab/Area_still.png) no-repeat;
float: left;
text-align: center;
margin: 10px 0 0 25%;
cursor: pointer;padding:3px;
}
.visualsection .line{
width: 32px;
height: 32px;
background: url(/images/customtab/Line_still.png) no-repeat;
float: left;
text-align: center;
margin: 10px 0 0 25%;
cursor: pointer;padding:3px;
}
.visualsection .table{
width: 32px;
height: 32px;
background: url(/images/customtab/Table_still.png) no-repeat;
float: left;
text-align: center;
margin: 10px 0 0 25%;
cursor: pointer;padding:3px;
}
.visualsection .range{
width: 32px;
height: 32px;
background: url(/images/customtab/Pyramid_Still.png) no-repeat;
float: left;
text-align: center;
margin: 10px 0 0 25%;
cursor: pointer;padding:3px;
}
.visualsection .column1{
width: 32px;
height: 32px;
background: url(/images/customtab/img_sprite_toolbar_new.png) 0px -33px no-repeat;
float: left;
text-align: center;
margin: 10px 0 0 25%;
cursor: pointer;
}
.visualsection .pie1{
width: 32px;
height: 32px;
background: url(/images/customtab/img_sprite_toolbar_new.png) -67px -33px no-repeat;
float: left;
text-align: center;
margin: 10px 0 0 25%;
cursor: pointer;padding:3px;
}
.visualsection .column1:hover{
	margin: 13px 0 0 17%;
	width: 45px;
    height: 40px;
	background: url(../images/customtab/img_sprite_toolbar_new.png) -182px -168px no-repeat;
	}
.visualsection .pie:hover{
	background: url(../images/customtab/Pie_roll.png) no-repeat;
	}
.visualsection .column:hover{
	background: url(../images/customtab/Column_roll.png) no-repeat;
	}
.visualsection .bar:hover{
	background: url(../images/customtab/Bar_roll.png) no-repeat;
	}
.visualsection .area:hover{
	background: url(../images/customtab/Area_roll.png) no-repeat;
	}
.visualsection .line:hover{
	background: url(../images/customtab/Line_roll.png) no-repeat;
	}
.visualsection .table:hover{
	background: url(../images/customtab/Table_roll.png) no-repeat;
	}
.visualsection .range:hover{
	background: url(../images/customtab/Pyramid_Roll.png) no-repeat;
	}
.bottomlabel{
width: 98%;
height: 18px;
text-align: center;
font-family: Arial, Verdana;
font-size: 11px;
color: #878787;
float: left;
margin-top: 14px;
}
#drillmapcontainer .table1 td,#drillmapcontainer .table1 th{
	padding:2px;text-align:center;
	}
.demographictable td{
	vertical-align:top;
	}